<!--
 * @description: 文件描述
 * @version: 0.0.1
 * @author: xxx
 * @Date: 2024-05-15 14:43:27
-->
<template>
  <view class="empty-placeholder" v-if="is_empty">
    <image class="icon-xls"  mode="widthFix" src="https://100000063-1252208446.file.myqcloud.com/images/Logo@2x.png" />
    <!-- <view class="txt" v-if="!showmessageSeach">{{ message }}</view> -->
    <view class="txt" v-if="showmessageSeach">没有搜索到相关结果</view>
    <button type="" class="button1" @click="goIndex" v-if="!isStore">探索更多</button>
  </view>
</template>
<script>
  export default {
    props: {
      is_empty: Boolean,
      isStore: Boolean,
      message: {
        default: '没有相关信息'
      },
      messageSeach: {
        default: '没有相关信息'
      },
      showmessageSeach: Boolean,
      imgurl: {
        default: 'https://100000063-1252208446.file.myqcloud.com/images/empty.png'
      },
    },
    methods: {
      goIndex() {
        uni.reLaunch({
          url: '/pages/item/categoryNew',
          success: function(e) {
          }
        });
      }
    }
  };
</script>
<style lang="less">
  .empty-placeholder {
    padding: 100rpx 0 213rpx;
    width: 100%;
    text-align: center;

    text {
      color: #666;
      font-size: 40rpx;
      margin-left: 30rpx;
    }

    .messageSeach {
      font-weight: 600;
      color: #000;
      margin-left: 0;
      font-size: 28rpx;
    }
  }

  .icon-xl {
    width: 140rpx;
    height: 140rpx;
    display: block;
    margin: 0 auto;
  }

  .icon-xls {
    width: 128rpx;
    height: 128rpx;
    display: block;
    margin: 80rpx auto 0;
  }

  .txt {
    font-size: 28rpx;
    margin: 40rpx 20rpx 80rpx 20rpx;
    font-family: NotoSansSC-Regular;

  }

  .button1 {
    width: 176rpx;
    height: 80rpx;
    border-radius: 48rpx 16rpx 48rpx 48rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #CB171A;
    font-size: 28rpx;
    font-weight: 500;
    color: #fff;
    font-family: NotoSansSC-Regular;
  }
</style>
